@import 'src/res/theme/xxhz';

.common-label-root {
  .head-bg {
    width: 100%;
    position: sticky;
    background-color: #f1a43a;
    top: 0;
    z-index: 9;
  }

  .haeder {
    background-color: #f1a43a;
    padding: 20px 0;
  }

  .search-box {
    width: 700px;
    display: flex;
    align-items: center;
    height: 60px;
    box-sizing: border-box;
    margin: 0 auto;

    .search {
      display: flex;
      align-items: center;
      flex: 1;
      background: none;
      justify-content: flex-start;
      font-size: 24px;
      height: 100%;
      padding-left: 14px;
      box-sizing: border-box;
      color: #747474;
      width: 700px;

      &:after {
        border-bottom-width: 0;
      }

      .icon {
        margin-right: 10px;
      }
    }
  }

  .at-search-bar__input-cnt {
    background-color: white;
  }

  .at-search-bar__action {
    color: #f58240;
    background: #fff;
    border-radius: 15Px;
  }

  .at-search-bar__placeholder-wrap {
    justify-content: flex-start;
  }

  .at-search-bar__placeholder-wrap .at-icon {
    font-size: 18PX;
  }

  .bottom-nav {
    display: flex;
    box-sizing: border-box;
    padding: 20px;
    background-color: white;
    position: sticky;
    z-index: 99;
    align-items: center;

    .main {
      width: 140px;
      flex-shrink: 0;
      font-size: 32px;
      color: #454545;
      font-weight: bold;
    }

    .subNav {
      flex-grow: 1;
      width: 570px;

      .nav-box {
        display: flex;
        width: 100%;
        font-size: 24px;
        color: #3b3b3b;

        .nav-item {
          white-space: nowrap;
          padding: 8px 20px 0;
          flex-shrink: 0;
          font-size: 26px;
        }

        .active {
          color: $mainColor;
        }
      }
    }
  }

  .bottom-goods {
    background-color: white;

    .listNull {
      width: 100%;
      height: 75vw;
      text-align: center;
      overflow: hidden;

      image, .taro-img {
        width: 295px;
        height: 295px;
        margin: 86px auto 35px;
      }

      .text {
        font-size: 24px;
        color: #666
      }
    }
  }
}
